<html>

<head>
    <meta charset="utf-8">

    <title>招工详情</title>
    <link href="./css/common.css" rel="stylesheet" type="text/css" />
    <link href="./css/bootstrap.css" rel="stylesheet" type="text/css" />


    <meta name="viewport"
        content="width=device-width,user-scalable=no,initial-scale=1, minimum-scale=1,maximum-scale=1" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit" />
    <meta name="force-rendering" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="full-screen" content="yes" />
    <meta name="x5-fullscreen" content="true" />
    <meta name="360-fullscreen" content="true" />
    <meta name="screen-orientation" content="portrait" />
    <meta name="x5-orientation" content="portrait">
    <!--<meta name="browsermode" content="application">-->
    <meta name="x5-page-mode" content="app">



    <style>
        .formbox {
            width: 70%;
            margin: 0 auto;
        }

        .btn {
            padding: 5px 10px;
            font-size: 12px;
        }

        .form {
            color: #606266;
            font-size: 14px;
        }

        .formtitle {
            font-size: 18px;
            margin-bottom: 20px;
        }

        .input-group {
            display: block;
            /* margin-bottom: 15px; */
            position: static;
        }

        .input-group-addon {
            display: block;
            /* width: 100px; */
            text-align: left;
            /* margin: 9px 0; */
        }

        .inline {
            width: 300px;
            display: inline-block;
        }

        .input {
            width: auto;
            min-width: 80%;
            height: 38px;
            padding-left: 10px;
            border: 1px solid #dcdfe6;
            border-radius: 4px;
        }

        .input:focus {
            border: 1px solid #409eff;
        }

        .countryname {
            display: flex;
        }

        .countryname>div {
            /* margin-left: 10px; */
            margin: 9px 10px;
        }

        .botton {
            margin-top: 10px;
        }

        .lbimgbox {
            display: flex;
            flex-direction: column;
            width: 60%;
        }

        .lbimgbox .img_warp {
            margin: 0 50px 10px 0;
        }

        .mallradiobox {
            width: 60%;
            display: flex;
            /* margin-left: 10px; */
        }

        .mallradiobox>select {
            width: 40%;
            font-size: 14px;
            margin-right: 5%;
        }

        /* .submitbox{
        text-align: center;
        margin-top: 50px;
    }
    .submitbutton{
        padding: 10px 30px;
        color: #fff;
        background: #409eff;
        border: 0;
        border-radius: 3px;
    } */
        .assem {
            margin: 9px 15px;
            color: #000;
        }

        .time {
            border: 1px solid #dcdfe6;
            border-radius: 4px;
            display: flex;
            align-items: center;
        }

        .time input {
            height: 38px;
            padding-left: 10px;
            text-align: center;
        }

        .inputcontent {
            margin: 9px 15px;
            color: #000;
        }

        .black {
            color: #000;
        }

        .flex {
            display: flex;
            width: 40%;
        }

        .flex .input-group-addon {
            width: 115px;
            text-align: right;
            margin: 9px 0;
        }

        .ordertitle {
            width: 100%;
            color: #000;
            background-color: #F0F0F0;
            padding: 5px 10px;
            border-radius: 2px;
        }

        .start {
            width: 100%;
            color: #000;
            font-size: 20px;
        }

        .ordercont {
            display: flex;
            flex-wrap: wrap;
            padding: 20px 50px;
        }

        .bz {
            display: flex;
        }

        .customer {
            display: flex;
            /* flex-direction: column; */
            /* justify-content: center; */
            /* align-items: center; */
            /* align-items: center; */
        }

        .phonebox {
            height: 50px;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            margin-left: 20px;
        }

        .customer img {
            width: 50px;
            height: 50px;
            background-color: #666;
            border-radius: 50%;
        }

        td .customer img {
            border-radius: 0;
            margin-right: 5px;
        }

        td p {
            margin: 0;
        }

        .intotal {
            width: 100%;
            display: flex;
            justify-content: flex-end;
        }

        .intotal>div {
            width: 300px;
        }

        .intotal>div p {
            display: flex;
            justify-content: space-between;
            margin: 5px;

        }

        .sc {
            text-decoration: line-through;
        }

        .customerbox {
            width: 460px;
        }

        .customer p {
            width: 350px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .width100 {
            width: 100%;
        }

        .enlargeimg .toimg {
            width: 50px;
            height: 50px;
            margin: 0 10px;
            z-index: 200004;
        }

        .enlargeimgmod {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, .6);
            z-index: 200000;
        }

        .enlargeimg {
            position: fixed;
            left: 0;
            right: 0;
            margin: 90px auto 0;
            height: 80%;
            text-align: center;
            z-index: 200001;
        }

        .enlargeimg img {
            height: 100%;
        }

        .picpathimg {
            width: 150px;
            margin: 20px;
        }

        .state {
            width: 100%;
            font-size: 30px;
        }
        .imgsrcbox{
            width: 200px;
            margin: 10px 10px 0 0;
        }
        .statebox{
            font-size: 20px;
        }
        .failreason{
            font-size: 14px;
            color: red;
        }
        .descriptionbox{
            width: 100%;
        }
        .description{
            flex: 1;
        }
        .cflex {
            width: 100%;
        }
        .avatar{
            width: 50px;
            height: 50px;
            background-color: #666;
            border-radius: 50%;
        }
        .tabbox{
            display: flex;
            border-left: 1px solid #ccc;
            color: #606266;
            font-size: 14px;
            border-radius: 2px 2px 0 0;
            margin-bottom: 10px;
        }
        .tabbox p{
            padding: 5px 10px;
            margin: 0;
            border: 1px solid #ccc;
            border-left: 0;
            cursor: pointer;
        }
        .tabbox p:last-child{
            border-radius: 0 2px 0 0;
        }
        .tabbox p.click{
            border-bottom: 0;
        }
        .breadLinebox .content th {
            font-size: 14px;
            font-weight: normal;
            color:#606266;
        }
        .breadLinebox .content th p {
            margin-bottom: 5px;
        }
        .breadLinebox .content .investor p{
            margin-bottom: 0;
        }
    </style>

</head>

<body>

    <div class="container"></div>


 


    <script src="./js/jquery-1.10.2.min.js"></script>
    <script src="./config/config.js"></script>
    <script src="./js/jquery.cookie.js"></script>
    <script src="./constant/common.js"></script>
    <script src="./constant/constant.js"></script>
    <script src="./js/prop-types.js"></script>
    <script src="./js/MD5.js"></script>
    <script src="./component/pager.jsx" type="text/babel"></script>
    <script src="js/babel.js"></script>
    <script src="./js/react/react.development.js"></script>
    <script src="./js/react/react-dom.development.js"></script>
    <script src="./ueditor/ueditor.config.js"></script>
    <script src="./ueditor/ueditor.all.min.js"></script>
    <script src="./ueditor/lang/zh-cn/zh-cn.js"></script>
    <script src="./layDate-v5.0.9/laydate/laydate.js"></script>
    <script src="./js/vConsole.js"></script>
    <script src="./component/commoncomp.jsx" type="text/babel"></script>
    <script src="./component/modal.jsx" type="text/babel"></script>
    <script src="./component/loading.jsx" type="text/babel"></script>
    <script src="./component/recruitdetail.jsx" type="text/babel"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>
   

</body>


</html>